<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>问卷</title>
		<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
		<link href="css/questionnaire.css" rel="stylesheet" type="text/css">
		<script src="js/jquery.min.js" type="text/javascript"></script>
		<script src="js/bootstrap.min.js" type="text/javascript"></script>
		<script src="js/jquery-1.8.3.js" type="text/javascript"></script>
		<script src="js/questionnaire.js" type="text/javascript"></script>
	</head>

	<body>
		<div class="container">
			<div class="top">
				<img src="img/result1.jpg" />
			</div>
			<div style="margin-top:-80%;">
				<b class="test1">肌肤测试<span class="test2">Then skin test</span></b>
				<br />
				<p class="test3">我们相信完美的肌肤可以创造&nbsp;只需进行简单的肌肤测试</p>
			</div>
			<!-- 横线 -->
			<div style="margin-top:60%;">
				<p style="border:1px dashed #EF3E74;/></p>
			</div>
		  <div class=" details ">
		  	<!--第一题-->	
			<table style="margin-bottom: 20px; ">		
				<tr>
					<td class="test4 " rowspan="2 " valign="top "><img src="img/123.png "/> <span class="test5 " >1</span></td>	
					<td ><b>选择性别</b></td>	
				</tr>
				<tr >
					<td >
					  <form action=" " method="post ">
						<input  type="radio" name="radioName" value="female " />&nbsp;&nbsp;A&nbsp;&nbsp;女	
						<br />
						<input type="radio" name="radioName" value="male " />&nbsp;&nbsp;B&nbsp;&nbsp;男
					 </form>
				     </td>
				</tr>
			</table >
			<!--第二题-->
				<table style="margin-bottom: 20px; ">			
				<tr>
					<td class="test4 " rowspan="2 " valign="top "><img src="img/123.png "/> <span class="test5 " >2</span></td>	
					<td ><b>我的年龄</b></td>	
				</tr>
				<tr>
					<td >
					  <form action=" " method="post ">
						<input  type="radio" name="radioName" value="female " />&nbsp;&nbsp;A&nbsp;&nbsp;24岁以下
						<br />
						<input type="radio" name="radioName" value="male " />&nbsp;&nbsp;B&nbsp;&nbsp;25以上
					 </form>
				     </td>
				</tr>	
			</table>
			<!--第三题-->
			<table style="margin-bottom: 20px; ">
				<tr>
					<td class="test4 " rowspan="2 " valign="top "><img src="img/123.png "/> <span class="test5 " >3</span></td>	
					<td ><b>洗完脸后的2-3小时，不在脸上涂任何保湿/防晒、化妆水、粉底或任何产品，这时如果在明亮的光线下照镜子，你的前额和脸颊部分：</b></td>	
				</tr>
				<tr>
					<td >
					  <form action=" " method="post ">
						<input  type="radio" name="radioName1" value="1 " />&nbsp;&nbsp;A&nbsp;&nbsp;非常粗糙、出现皮屑，或者如布满灰尘般的晦暗
						<br />
						<input type="radio" name="radioName1" value="2 " />&nbsp;&nbsp;B&nbsp;&nbsp;仍有紧绷感
						<br />
						<input  type="radio" name="radioName1" value="3 " />&nbsp;&nbsp;C&nbsp;&nbsp;能够恢复正常的润泽感而且在镜中看不到反光
						<br />
						<input type="radio" name="radioName1" value="4 " />&nbsp;&nbsp;D&nbsp;&nbsp;能看到反光
					 </form>
				     </td>
				</tr>	
			</table>
			<!--第四题-->
			<table style="margin-bottom: 20px; ">				
				<tr>
					<td class="test4 " rowspan="2 " valign="top "><img src="img/123.png "/> <span class="test5 " >4</span></td>	
					<td ><b>在自己以往的照片中，你的脸是否显得光亮：</b></td>	
				</tr>
				<tr>
					<td >
					  <form action=" " method="post ">
						<input  type="radio" name="radioName2" value="1 " />&nbsp;&nbsp;A&nbsp;&nbsp;从不，或你从未意识到有这种情况
						<br />
						<input type="radio" name="radioName2" value="2 " />&nbsp;&nbsp;B&nbsp;&nbsp;有时会
						<br />
						<input  type="radio" name="radioName2" value="3 " />&nbsp;&nbsp;C&nbsp;&nbsp;经常会
						<br />
						<input type="radio" name="radioName2" value="4 " />&nbsp;&nbsp;D&nbsp;&nbsp;历来如此
					 </form>
				     </td>
				</tr>	
			</table>
			<!--第五题-->
			<table style="margin-bottom: 20px; ">				
				<tr>
					<td class="test4 " rowspan="2 " valign="top "><img src="img/123.png "/> <span class="test5 " >5</span></td>	
					<td ><b>上妆或使用粉底，但是不涂干的粉(如质地干燥的粉底或散粉)，2-3小时后，你的妆容看起来：</b></td>	
				</tr>
				<tr>
					<td >
					  <form action=" " method="post ">
					    <input  type="radio" name="radioName3" value="1" />&nbsp;&nbsp;A&nbsp;&nbsp;出现皮屑，有的粉底在皱纹里结成小块
						<br />
						<input type="radio" name="radioName3" value="2" />&nbsp;&nbsp;B&nbsp;&nbsp;光滑
						<br />
						<input  type="radio" name="radioName3" value="3" />&nbsp;&nbsp;C&nbsp;&nbsp;出现闪亮
						<br />
						<input type="radio" name="radioName3" value="4" />&nbsp;&nbsp;D&nbsp;&nbsp;出现皱纹并且闪亮
					 </form>
				     </td>
				</tr>	
			</table>
			<!--第六题-->
			<table style="margin-bottom: 20px; ">		
				<tr>
					<td class="test4 " rowspan="2 " valign="top "><img src="img/123.png "/> <span class="test5 " >6</span></td>	
					<td ><b>身处干燥的环境中，如果不使用保湿产品或防晒产品，你的面部皮肤：</b></td>	
				</tr>
				<tr>
					<td >
					  <form action=" " method="post ">
						<input  type="radio" name="radioName4" value="1" />&nbsp;&nbsp;A&nbsp;&nbsp;感觉很干或很锐痛
						<br />
						<input type="radio" name="radioName4" value="2" />&nbsp;&nbsp;B&nbsp;&nbsp;感觉很紧绷
						<br />
						<input  type="radio" name="radioName4" value="3" />&nbsp;&nbsp;C&nbsp;&nbsp;感觉正常
						<br />
						<input type="radio" name="radioName4" value="4" />&nbsp;&nbsp;D&nbsp;&nbsp;看起来有光亮，或从不觉得此时需要用保湿品
					 </form>
				     </td>
				</tr>	
			</table>
			<!--第七题-->
			<table style="margin-bottom: 20px; ">	
				<tr>
					<td class="test4 " rowspan="2 " valign="top "><img src="img/123.png "/> <span class="test5 " >7</span></td>	
					<td ><b>照一照有放大功能的化妆镜，从你的脸上看到多少大头针尖大小的毛孔：</b></td>	
				</tr>
				<tr>
					<td >
					  <form action=" " method="post ">
						<input  type="radio" name="radioName5" value="1" />&nbsp;&nbsp;A&nbsp;&nbsp;一个都没有
						<br />
						<input type="radio" name="radioName5" value="2" />&nbsp;&nbsp;B&nbsp;&nbsp;T区(前额或鼻子)有一些
						<br />
						<input  type="radio" name="radioName5" value="3" />&nbsp;&nbsp;C&nbsp;&nbsp;很多
						<br />
						<input type="radio" name="radioName5" value="4" />&nbsp;&nbsp;D&nbsp;&nbsp;非常多
					 </form>
				     </td>
				</tr>	
			</table>
			<!--第八题-->
			<table style="margin-bottom: 20px; ">
				<tr>
					<td class="test4 " rowspan="2 " valign="top "><img src="img/123.png "/> <span class="test5 " >8</span></td>	
					<td ><b>如果让你描述自己的面部皮肤特征，你会选择：</b></td>	
				</tr>
				<tr>
					<td >
					  <form action=" " method="post ">
						<input  type="radio" name="radioName6" value="1 " />&nbsp;&nbsp;A&nbsp;&nbsp;干性
						<br />
						<input type="radio" name="radioName6" value="2 " />&nbsp;&nbsp;B&nbsp;&nbsp;中性(正常)
						<br />
						<input  type="radio" name="radioName6" value="3 " />&nbsp;&nbsp;C&nbsp;&nbsp;混合性
						<br />
						<input type="radio" name="radioName6" value="4 " />&nbsp;&nbsp;D&nbsp;&nbsp;油性
					 </form>
				     </td>
				</tr>	
			</table>
			<!--第九题-->
			<table style="margin-bottom: 20px; ">
				<tr>
					<td class="test4 " rowspan="2 " valign="top "><img src="img/123.png "/> <span class="test5 " >9</span></td>	
					<td ><b>当你使用泡沫丰富的皂类洁面产品洗脸后，你感觉：</b></td>	
				</tr>
				<tr>
					<td >
					  <form action=" " method="post ">
						<input  type="radio" name="radioName6" value="1" />&nbsp;&nbsp;A&nbsp;&nbsp;感觉干燥，或有刺痛的感觉
						<br />
						<input type="radio" name="radioName6" value="2" />&nbsp;&nbsp;B&nbsp;&nbsp;感觉有些干燥但是没有刺痛感
						<br />
						<input  type="radio" name="radioName6" value="3" />&nbsp;&nbsp;C&nbsp;&nbsp;感觉没有异常
						<br />
						<input type="radio" name="radioName6" value="4" />&nbsp;&nbsp;D&nbsp;&nbsp;感觉皮肤出油
					 </form>
				     </td>
				</tr>	
			</table>
			<!--第十题-->
			<table style="margin-bottom: 20px; ">			
				<tr>
					<td class="test4 " rowspan="2 " valign="top "><img src="img/123.png "/> <span class="test5 " >10</span></td>	
					<td ><b>如果不使用保湿产品，你的脸部觉得干吗？</b></td>	
				</tr>
				<tr>
					<td >
					  <form action=" " method="post ">
						<input  type="radio" name="radioName7" value="1" />&nbsp;&nbsp;A&nbsp;&nbsp;总是如此
						<br />
						<input type="radio" name="radioName7" value="2 " />&nbsp;&nbsp;B&nbsp;&nbsp;有时
						<br />
						<input  type="radio" name="radioName7" value="3 " />&nbsp;&nbsp;C&nbsp;&nbsp;很少
						<br />
						<input type="radio" name="radioName7" value="4 " />&nbsp;&nbsp;D&nbsp;&nbsp;从不
					 </form>
				     </td>
				</tr>	
			</table>
			<!--第十一题-->
			<table style="margin-bottom: 20px; ">
				<tr>
					<td class="test4 " rowspan="2 " valign="top "><img src="img/123.png "/> <span class="test5 " >11</span></td>	
					<td ><b>你脸上有阻塞的毛孔吗(包括"黑头"和"白头")？</b></td>	
				</tr>
				<tr>
					<td >
					  <form action=" " method="post ">
						<input  type="radio" name="radioName8" value="1 " />&nbsp;&nbsp;A&nbsp;&nbsp;从来没有
						<br />
						<input type="radio" name="radioName8" value="2 " />&nbsp;&nbsp;B&nbsp;&nbsp;很少有
						<br />
						<input  type="radio" name="radioName8" value="3 " />&nbsp;&nbsp;C&nbsp;&nbsp;有时有
						<br />
						<input type="radio" name="radioName8" value="4 " />&nbsp;&nbsp;D&nbsp;&nbsp;总是出现
					 </form>
				     </td>
				</tr>	
			</table>
			<!--第十二题-->
			<table style="margin-bottom: 20px; ">				
				<tr>
					<td class="test4 " rowspan="2 " valign="top "><img src="img/123.png "/> <span class="test5 " >12</span></td>	
					<td ><b>T区(前额和鼻子一带)出油吗？</b></td>	
				</tr>
				<tr>
					<td >
					  <form action=" " method="post ">
						<input  type="radio" name="radioName9" value="1 " />&nbsp;&nbsp;A&nbsp;&nbsp;从没有油光
						<br />
						<input type="radio" name="radioName9" value="2 " />&nbsp;&nbsp;B&nbsp;&nbsp;有时会有出油现象
						<br />
						<input  type="radio" name="radioName9" value="3 " />&nbsp;&nbsp;C&nbsp;&nbsp;经常有出油现象
						<br />
						<input type="radio" name="radioName9" value="4 " />&nbsp;&nbsp;D&nbsp;&nbsp;总是油油的
					 </form>
				     </td>
				</tr>	
			</table>
			<!--第十三题-->
			<table style="margin-bottom: 20px; ">				
				<tr>
					<td class="test4 " rowspan="2 " valign="top "><img src="img/123.png "/> <span class="test5 " >13</span></td>	
					<td ><b>脸上涂过保湿产品后2-3小时，你的两颊部位：</b></td>	
				</tr>
				<tr>
					<td >
					  <form action=" " method="post ">
						<input  type="radio" name="radioName10" value="1 " />&nbsp;&nbsp;A&nbsp;&nbsp;非常粗糙，脱皮或者如布满灰尘般的晦暗
						<br />
						<input type="radio" name="radioName10" value="2 " />&nbsp;&nbsp;B&nbsp;&nbsp;干燥光滑
						<br />
						<input  type="radio" name="radioName10" value="3 " />&nbsp;&nbsp;C&nbsp;&nbsp;有轻微的油光
						<br />
						<input type="radio" name="radioName10" value="4 " />&nbsp;&nbsp;D&nbsp;&nbsp;有油光、滑腻、或者你从不觉得有必要，事实上也不怎么使用保湿产品
					 </form>
				     </td>
				</tr>	
			</table>
			<div style="text-align: center;">				
				  <input type="button" value="重新测试" id="btnclick1" style="color:#EF3E74"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
				  <input type="button" value="提交问卷" id="btnclick2" style="color:#EF3E74"/>
			</div>
		</div>
		</div>
	</body>

</html>